<div id='gen_re_password' class="OneContainer">
	<div class="row">
		<div class="col-sm-3">
			<div class="Panel PanelRed">
				<div class="PanelItem">修改密码须知</div>
				<div class="PanelBody">
					<p>密码安全至关重要，安全程度绝大部分取决密码</p>
					<p>密码尽可能复杂，由数字，字母(大小写)，符号组合最佳</p>
					<p>密码必须 6~18 位，否则会拒绝修改</p>
					<p>其他任何人都不会知道您的密码</p>
				</div>
			</div>
		</div>
		<div class="col-sm-9">
			<div class="Panel PanelGreen">
				<div class="PanelItem">密码修改表单</div>
				<div class="PanelBody">
					<div class="row">
						<div class="col-lg-12">
							<table class="PropertiesList" width="100%">
								<tr>
									<th>项目标题</th>
									<th>值内容</th>
								</tr>
								<tr>
									<th>原密码</th>
									<th>
										<center>
											<div class="input-group  input-group-sm">
												<input type="password" class="form-control" aria-describedby="basic-addon1" v-model="oldPassword" />
											</div>
										</center>

									</th>
								</tr>
								<tr>
									<th>新密码</th>
									<th>
										<center>
											<div class="input-group  input-group-sm">
												<input type="password" class="form-control" aria-describedby="basic-addon1" v-model="newPassword1" />
											</div>
										</center>
									</th>
								</tr>
								<tr>
									<th>确认新密码</th>
									<th>
										<center>
											<div class="input-group  input-group-sm">
												<input type="password" class="form-control" aria-describedby="basic-addon1" v-model="newPassword2" />
											</div>
										</center>
									</th>
								</tr>
							</table>
							<br>
							<p>确认无误后，您可以进行以下操作:</p>
							<div class="Line"></div>
							<div class="PanelItemMuem">
								<button class="btn btn-info" v-on:click="toRePassword()">修改密码</button>
								<button class="btn btn-success" v-on:click="toBack()">返回到用户中心</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<!--js-->
<script>
	MI.rListener('onload', function () {
		MCSERVER.colmSet(false);
		new Vue({
			el: '#gen_re_password',
			data: {
				oldPassword: '',
				newPassword1: '',
				newPassword2: ''
			},
			methods: {
				toBack: function () {
					RES.redirectPage('./template/gen_home.html', 'genuser/home', '');
				},
				toRePassword: function () {
					if (this.newPassword1 != this.newPassword2) {
						TOOLS.pushMsgWindow('新密码与新的确认密码不一致');
						return;
					}
					var obj = {
						//username : '保留使用',
						oldPassword: this.oldPassword,
						newPassword: this.newPassword2,
					};
					WS.sendMsg('genuser/re_password', JSON.stringify(obj));
				}
			}
		});
	})

	MI.rListener('onend', function () {})
</script>